<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Festival Calendar</title>
		<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.custom.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/head.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<noscript>
			<style>
				@media screen and (max-width: 715px) {
					.hs-content-scroller{
						overflow: visible;
					}
				}
			</style>
		</noscript>
    </head>
    <body>
        <div id="hs-container" class="hs-container">
			<aside class="hs-menu" id="hs-menu">
				<div class="hs-headline">
					<h1><small>Fest</small> Noz</h1>
				</div>
				<nav>
					<a href="#introduction"><span>Presentation</span></a>
					<a href="#chapter1"><span>Groupes</span><span>bla</span></a>
					<a href="#chapter2"><span>Membres</span><span>bla</span></a>
					<a href="#chapter3"><span>Rencontres</span><span>bla</span></a>
					<a href="#chapter4"><span>.</span><span>.</span></a>
					<a href="#chapter5"><span>.</span><span>.</span></a>
					<a href="#chapter6"><span>.</span><span>.</span></a>
					<a href="#chapter7"><span>Se Connecter</span><span></span></a>
					<a href="#chapter8"><span>Administration</span><span></span></a>
					<a href="#chapter9"><span>Listes Groupe</span><span></span></a>
					<a href="#chapter10"><span>Details Groupe</span><span></span></a>
					<a href="#chapter11"><span>Details Correspondant</span><span></span></a>
					<a href="#chapter12"><span>Membres Groupe</span><span></span></a>
				</nav>
			</aside>
			<a href="#hs-menu" class="hs-totop-link">Go to the top</a>
			<div class="hs-content-scroller">
				<div class="hs-content-wrapper">
					<article class="hs-content" id="introduction">
						<div class="hs-inner">
							<h2>Presentation</h2>							
							<p></p>							
						</div>
					</article>
					<article class="hs-content" id="chapter1">
						<div class="hs-inner">
							<h2>Groupes</h2>
							<h3>bla</h3>
							
							<h4>bla</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter2">
						<div class="hs-inner">
							<h2>Membres</h2>
							<h3>bla</h3>
							
							<h4>bla</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter3">
						<div class="hs-inner">
							<h2>Rencontres</h2>
							<h3>bla</h3>
							<h4>bla</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter4">
						<div class="hs-inner">
							<h2>.</h2>
							<h3>.</h3>
							<h4>.</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter5">
						<div class="hs-inner">
							<h2>.</h2>
							<h3>.</h3>
							<h4>.</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter6">
						<div class="hs-inner">
							<h2>.</h2>
							<h3>.</h3>
							<h4>.</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter7">
						<div class="hs-inner">
							<h2>Se Connecter</h2>
							<h3>Login: </h3>
							<h4>Mdp: </h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter8">
						<div class="hs-inner">
							<h2>Administration</h2>
							<h3></h3>
							<h4></h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter9">
						<div class="hs-inner">
							<h2>Liste Groupes</h2>
							<div id="contentLstGrps"></div>
						</div>
					</article>
					<article class="hs-content" id="chapter10">
						<div class="hs-inner">
							<h2>Details Groupe</h2>
							<h3>.</h3>
							<h4>.</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter11">
						<div class="hs-inner">
							<h2>Details Correspondant</h2>
							<h3>.</h3>
							<h4>.</h4>
							<p></p>
						</div>
					</article>
					<article class="hs-content" id="chapter12">
						<div class="hs-inner">
							<h2>Membres Groupe</h2>
							<h3>.</h3>
							<h4>.</h4>
							<p></p>
						</div>
					</article>
				</div><!-- hs-content-wrapper -->
			</div><!-- hs-content-scroller -->
        </div>
		<script>
			head.js(
				{ jquery : "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" },
				{ mousewheel : "js/jquery.mousewheel.js" },
				{ mwheelIntent : "js/mwheelIntent.js" },
				{ jScrollPane : "js/jquery.jscrollpane.min.js" },
				{ history : "js/jquery.history.js" },
				{ stringLib : "js/core.string.js" },
				{ easing : "js/jquery.easing.1.3.js" },
				{ smartresize : "js/jquery.smartresize.js" },
				{ page : "js/jquery.page.js" }
			);

			$( document ).ready(function() {
				$("#contentLstGrps").load("Vues/admin/groupes/groupes.php");
			});
			
		</script>
    </body>
</html>